spb/datacenterindex

1import { Page } from "@/components/ui/card";2import { Skeleton, SkeletonBlock, SkeletonRows } from "@/components/ui/skeleton";34export default function Loading() {5  return (6    <Page className="py-4" aria-busy>7      <Skeleton className="mb-4 h-3 w-40" />8      <Skeleton className="mb-2 h-8 w-72 max-w-full" />9      <Skeleton className="mb-6 h-3.5 w-56 max-w-full" />10      <div className="grid grid-cols-3 gap-4 border-y border-hair py-3 sm:grid-cols-5 lg:grid-cols-9">11        {Array.from({ length: 9 }).map((_, i) => (12          <div key={i} className={`flex flex-col gap-2 ${i >= 6 ? "hidden sm:flex" : ""}`}>13            <Skeleton className="h-7 w-14" />14            <Skeleton className="h-2.5 w-20" />15          </div>16        ))}17      </div>18      <SkeletonBlock className="mt-6 h-[220px]" />19      <div className="mt-6 grid gap-6 md:grid-cols-2">20        <SkeletonBlock className="h-48" />21        <SkeletonRows rows={5} />22      </div>23      <SkeletonRows rows={8} className="mt-6" />24    </Page>25  );26}27